<template>
	<div class="reg">
        <div class="reg-img">
            <img src="../../static/image/group14.png"/>
        </div>
        <yd-cell-group>
            <yd-cell-item>
                <span slot="left">支付金额：</span>
                <yd-input type="text" slot="right" ref="tel" required :show-success-icon="false" regex="price" v-model="price" placeholder="请输入支付金额"></yd-input>
            </yd-cell-item>
        </yd-cell-group>
        <yd-button size="large" type="danger" @click.native="show1 = true">立即支付</yd-button>
        <yd-actionsheet :items="myItems1" v-model="show1" cancel="取消"></yd-actionsheet>
	</div>
</template>

<script>

export default {
    data () {
        return {
            invitecode: '', // 邀请码
            price: '',
            show1: false,
            myItems1: [
                {
                    label: '库分期',
                    callback: () => {
                        this.$dialog.toast({mes: '咔擦，此人太帅！'})
                        /* 注意： callback: function() {} 和 callback() {}  这样是无法正常使用当前this的 */
                    }
                },
                {
                    label: '乐分期',
                    callback: () => {
                        this.$dialog.toast({mes: '看到了不该看到的东西！'})
                    }
                }
            ]
        }
    },
    components: {

    },
    // 实例创建并挂载后调用此方法
    mounted () {
        this.getCouponList()
    },
    methods: {
        // 获取商户优惠券信息
        getCouponList () {

        }
    }
}
</script>

<style>
.reg .reg-img{
        margin: .5rem auto;
    }
    .reg .reg-img img{
        border-radius: 50%;
    }
    .reg .yd-btn-block{
        /*background-color: #ff43;*/
       height: .8rem;
       width: 90%;
       margin: .5rem auto;
    }
</style>
